.heart {
    position: fixed;
    width: 400px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: donghua 3s infinite;
}

.heart_left {
    width: 200px;
    height: 300px;
    float: left;
    border-radius: 50% 50% 68px 0px;
    transform: rotate(-45deg);
    position: relative;
    left: 64px;
    background: linear-gradient(#81D8D0, #6BC5BB 50%, #4AB3A9);
}

.heart_right {
    width: 200px;
    height: 300px;
    float: left;
    border-radius: 50% 50% 0px 68px;
    transform: rotate(45deg);
    position: relative;
    left: -64px;
    background: linear-gradient(#81D8D0, #6BC5BB 50%, #4AB3A9);
    box-shadow: 10px 0px 12px 4px rgba(0, 0, 0, 0.1);
}

@keyframes donghua {
    0% {
        transform: translate(-50%, -50%) scale(1);
    }
    25% {
        transform: translate(-45%, -55%) scale(1.1) rotate(5deg);
    }
    50% {
        transform: translate(-55%, -45%) scale(1.15) rotate(-5deg);
    }
    75% {
        transform: translate(-45%, -55%) scale(1.1) rotate(5deg);
    }
    100% {
        transform: translate(-50%, -50%) scale(1);
    }
}

.heart_left {
    width: 100px;
    height: 150px;
    float: left;
    border-radius: 50% 50% 34px 0px;
    transform: rotate(-45deg);
    position: relative;
    left: 32px;
    background: linear-gradient(#81D8D0, #6BC5BB 50%, #4AB3A9);
}

.heart_right {
    width: 100px;
    height: 150px;
    float: left;
    border-radius: 50% 50% 0px 34px;
    transform: rotate(45deg);
    position: relative;
    left: -32px;
    background: linear-gradient(#81D8D0, #6BC5BB 50%, #4AB3A9);
    box-shadow: 10px 0px 12px 4px rgba(0, 0, 0, 0.1);
}

@keyframes donghua {
    10% {
        transform: scale(1.05);
    }
    20% {
        transform: scale(1.1);
    }
    30% {
        transform: scale(1.15);
    }
}
